<template>
  <div>
    <van-tabbar v-model="active">
      <van-tabbar-item name="shelf" class="iconfont icon-shujia" to="/bookshelf" >
        <span>书架</span>
      </van-tabbar-item>

      <van-tabbar-item name="home" class="iconfont icon-shucheng" to="/index">
        <span>精选</span>
      </van-tabbar-item>

      <van-tabbar-item name="class" class="iconfont icon-fenlei" to="/classification">
        <span>分类</span>
      </van-tabbar-item>

      <van-tabbar-item name="mine" class="iconfont icon-wode" to="/myself">
        <span>我的</span>
      </van-tabbar-item>
    </van-tabbar>
  </div>
</template>

<script>
export default {
  data() {
    return {
        active: "home",
    };
  },
};
</script>

<style>
</style>